<template>
	<view class="zhaopupage">
		<view class="searchbox">
			<view class="putbox">
				<view class="iconfont icon-sousuo"></view>
				<input type="text" placeholder="请输入名称" />
			</view>
			<view class="searchbtn">
				搜索
			</view>
			
			
		</view>
		<view class="list">
			<view class="itemlist">
				<view class="imgbox">
					<image src="https://changban.dianjingkeji.net/img/微信图片_20230817153730.jpg" mode=""></image>
				</view>
				<view class="infobox">
					<view class="name">
						随访计划1
					</view>
					<view class="title">
						随访计划说明
					</view>
					<view class="title">
					3个月/8次
					</view>
					
					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
  .zhaopupage{
	  width: 750rpx;
	  box-sizing: border-box;
	background: linear-gradient(180deg, rgba(242,248,255,1) 0%,rgba(255,255,255,0) 76%);
	  .searchbox{
	  		  width: 100%;
	  		  height: 60rpx;
			  padding: 10rpx 30rpx;
	  		  display: flex;
			    box-sizing: border-box;
	  		  align-items: center;
	  		  justify-content: space-between;
	  		
	  		  .putbox{
	  			  width: 100%;
	  			  margin-left: 10rpx;
	  			  height: 60rpx;
	  			  line-height: 60rpx;
	  			  display: flex;
	  			  align-items: center;
	  			  justify-content: space-between;
	  			 border-radius: 30rpx;
	  			 background-color: white;
	  			  box-sizing: border-box;
	  			  padding-left: 10rpx;
	  			  input{
	  				  height: 60rpx;
					  width: 88%;
					 
	  			  }
	  			  
	  		  }
			  .searchbtn{
			  	  				  width: 90rpx;
			  	  				  height: 60rpx;
			  	  				  border-radius: 30rpx;
			  	  				  text-align: center;
			  	  				  font-size:28rpx;
			  	  				  font-weight: bold;
			  	  				  line-height: 60rpx;
			  	  				 
			  	  				  
			  }
	  	
	  }
	  .list{
		  width: 100%;
		  box-sizing: border-box;
		  margin-top: 30rpx;
		  .itemlist{
			  width: 100%;
			  background-color: white;
			  display: flex;
			  align-items: center;
			  box-sizing: border-box;
			  padding: 30rpx;
			  margin-top: 20rpx;
			  .imgbox{
				  width: 200rpx;
				  height: 170rpx;
				  border-radius: 20rpx;
				  image{
					  width: 100%;
					  height: 100%;
					  border-radius: 20rpx;
				  }
			  }
			  .infobox{
				  margin-left: 30rpx;
				  .name{
					  font-weight: bold;
				  }
				  .title{
					  line-height: 2.5;
					  font-size: 28rpx;
					  font-weight: bold;
				  }
				  .btn{
					  width: 120rpx;
					  height: 40rpx;
					  text-align: center;
					  border-radius: 10rpx;
					line-height: 40rpx;
					  border: 2rpx solid #BD00FF ;
					  color: #BD00FF;
					  margin-left: 280rpx;
					 
				  }
			  }
		  }
	  }
	  
  }
</style>
